.pa_photolist li {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-bottom: 10px;
}

.adminbuttons {
  display: inline-flex !important;
  flex-direction: column;
  gap: 0.5rem;
  padding: 1rem;
}
.adminbuttons a:nth-child(2) {
  color: #707070;
}
.adminbuttons:hover {
  box-shadow: 0px 4px 12px 0px #1d1d1d14 !important;
}
.ezIcon {
  height: var(--icon);
  width: var(--icon);
  min-width: var(--icon);
  min-height: var(--icon);
  display: inline-flex;
  vertical-align: middle;
  background: var(--icon-color);
  mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
  -webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
  margin-inline-start: var(--icon-ml, 0);
  margin-inline-end: var(--icon-mr, 0);
  margin-block: var(--icon-mt, 0) var(--icon-mb, 0);
  transition: all var(--transition);
  -webkit-transition: all var(--transition);
  rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num, 1));
  transform: var(--icon-transform, none);
}
.adminbuttons .ezIcon {
  --icon: 32px;
  --icon-color: #3d3d3d;
}
.adminbuttons a.MenuTopSelected .ezIcon {
  --icon-color: #193373;
}
.adminbuttons a.MenuTopSelected:nth-child(2) {
  border-bottom: 1px solid #2c51ae;
  padding-bottom: 0.5rem;
  color: #2b2b2b;
  font-weight: 600;
}

.progressWrapper {
  width: 357px;
  overflow: hidden;
  background-color: #000;
}

.progressContainer {
  margin: 1px;
  padding: 4px;
  border: solid 1px #e8e8e8;
  background-color: #f7f7f7;
  overflow: hidden;
}

.progressBarComplete,
.progressBarError,
.progressBarInProgress {
  font-size: 0;
  width: 0;
  height: 2px;
  background-color: #00f;
  text-align: left;
  margin-top: 2px;
  float: left;
}

.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}

.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
}

.progressBarStatus {
  margin-top: 2px;
  text-align: left;
  white-space: nowrap;
}

a.progressCancel,
a.progressCancel:active,
a.progressCancel:hover,
a.progressCancel:link,
a.progressCancel:visited {
  font-size: 0;
  display: block;
  height: 14px;
  width: 14px;
  background-image: url(Images/Uploader/cancelbutton.gif);
  background-repeat: no-repeat;
  background-position: -14px 0;
  float: right;
}

a.progressCancel:hover {
  background-position: 0 0;
}

#ColorPickerDiv {
  display: block;
  display: none;
  position: relative;
  border: 1px solid #777;
  background: #fff;
}

#ColorPickerDiv TD.color {
  cursor: pointer;
  font-size: xx-small;
  font-family: Arial, "Microsoft Sans Serif";
}

#ColorPickerDiv TD.color label {
  cursor: pointer;
}

.ColorPickerDivSample {
  margin: 0 0 0 4px;
  border: solid 1px #000;
  padding: 0 10px;
  position: relative;
  cursor: pointer;
}

#tabs-myarticles {
  padding-top: 10px;
}

.table-striped > tbody > tr .table,
.table-striped > tbody > tr .table td,
.table-striped > tbody > tr .table tr {
  border: none !important;
  background-color: transparent !important;
}

.bootstraptablespinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

.security-mode td {
  white-space: nowrap;
}

.security-mode td input {
  margin: 0 10px 0 0;
}

#Form,
form {
  height: auto !important;
}

.mark {
  padding: 0 !important;
  background-color: none !important;
}

.parent-comment {
  color: #0c5460;
  background-color: #d1ecf1;
  border-color: #bee5eb;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.message-box {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}



/*colors*/
.green {
  color: forestgreen;
}

.blue {
  color: darkblue;
}

.red {
  color: red;
}

.orange {
  color: orangered;
}

.light-blue {
  color: #58a3bb;
}

/*align*/
.text-justify {
  text-align: justify;
}

.text-center {
  text-align: center;
}

.right-float {
  float: left;
}

.left-float {
  float: right;
}

.clear_float {
  clear: both;
  line-height: 0;
  font-size: 0;
}

.bold {
  font-weight: bold !important;
}

/*--------ucAdminOptions----------*/
.AdminOptions .row {
  border: solid 1px #ececec;
  margin-top: 15px;
  margin-left: 0;
  min-height: 85px;
  padding: 10px 0 !important;
}

.AdminOptions a .row {
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}

.AdminOptions a:hover .row {
  box-shadow: none !important;
}

.AdminOptions a .NormalBold {
  font-size: 15px;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}

.AdminOptions a:hover .NormalBold {
  color: #0053a5;
}

.AdminOptions a .Normal {
  font-size: 13px;
}

.AdminOptions .row .col-sm-3 {
  text-align: center;
}

.AdminOptions a .fa {
  font-size: 50px;
  color: #309dcf;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}

.AdminOptions a:hover .fa {
  color: #0053a5;
}

.tag-item a {
  background: #929897;
  color: #fff !important;
  padding: 6px;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  text-decoration: none;
  transition: background-color ease-in 200ms;
  -moz-transition: background-color ease-in 200ms;
  -webkit-transition: background-color ease-in 200ms;
  -o-transition: background-color ease-in 200ms;
  -ms-transition: background-color ease-in 200ms;
}

.tag-item:hover a {
  text-decoration: none;
  background: #777b7b;
}

.tag-item {
  display: inline-block;
}

.dnnFormItem ul li {
  list-style-type: none;
}

/*-----------------*/
.PagingTable {
  width: 100%;
  background: #fff;
  height: 40px;
  margin-bottom: 35px;
}

.PagingTable a:hover {
  background: #03c1f3;
  color: #fff;
}

.PagingTable a,
.PagingTable td span {
  background: #fff;
  line-height: 17px;
  height: 35px;
  display: inline-block;
  margin: 0 3px;
  text-align: center;
  color: #888;
  padding: 10px 15px;
  box-shadow: 1px 1px 1px 1px #eee;
  border-radius: 5px;
  font-weight: bold;
}

.btn-vote {
  display: inline-block;
  padding: 2px 4px;
  border: 1px solid #8f8f8f;
  border-radius: 5px;
}

.btn-vote i {
  display: inline-block;
  margin-left: 4px;
  color: #000;
  font-weight: 700;
  font-style: normal;
  font-size: 0.6rem;
}

.btn-vote.btn-like {
  border: 1px solid #5ac22b;
  background-color: #5ac22b;
  color: #fff;
}

.btn-vote.btn-like i,
.btn-vote.btn-like a,
.btn-vote.btn-like a:link,
.btn-vote.btn-like a:visited,
.btn-vote.btn-like a:hover,
.btn-vote.btn-like a:active {
  color: #fff;
}

.btn-vote.btn-dislike {
  border: 1px solid #e83434;
  background-color: #e83434;
  color: #fff;
}

.btn-vote.btn-dislike i,
.btn-vote.btn-dislike a,
.btn-vote.btn-dislike a:link,
.btn-vote.btn-dislike a:visited,
.btn-vote.btn-dislike a:hover,
.btn-vote.btn-dislike a:active {
  color: #fff;
}
.ez-news .row {
  border-radius: 12px;
  border: 1px solid var(--gray-95, #e4e4e4);
  background: var(--Gray-G100, #fff);
  transition: all 300ms;
  flex-shrink: 0 !important;
}
.AdminOptions a .row {
  padding: 16px 0 16px 16px !important;
}
body:not(.rtl) .AdminOptions a .row {
  padding: 16px 16px 16px 0 !important;
}

.ez-news .col-sm-4 {
  padding-right: 24px !important;
}
.ez-news .row:hover {
  background: var(--primary-30, #007a6b);
}
.ez-news .row:hover .ezIcon {
  --icon-color: white !important;
}
.ez-news .NormalBold {
  color: var(--gray-20, #3d3d3d);
  text-align: start;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 200% */
}
.ez-news .Normal {
  color: var(--gray-30, #4f4f4f);
  text-align: start;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 228.571% */
  white-space: nowrap;
}

.rtl .ez-news .NormalBold, .rtl .ez-news .Normal {
  font-family: "Vazirmatn FD";
}
 

.ez-news .row:hover span {
  color: var(--gray-100, #fff) !important;
}
.ez-news .row span {
  transition: all 300ms;
}
.ez-news .row .col-sm-3 {
  padding: 0 16px 0 0 !important;
  align-items: center;
  justify-content: start;
  display: flex;
  position: relative;
}
body:not(.rtl) .ez-news .row .col-sm-3 {
  padding: 0 0 0 16px !important;
  align-items: center;
  justify-content: start;
  display: flex;
  position: relative;
}
/* Mobile (under 768px) */
@media (max-width: 768px) {
  .ez-news .row .col-sm-3 {
    justify-content: flex-start;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
  }
}
.ez-news .row .col-sm-3::after {
  content: "";
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 8px 0 0 8px !important;
  background: var(--gray-99, #f2f2f2);
  position: absolute !important;
  right: 0;
  transition: all 300ms;
}
body:not(.rtl) .ez-news .row .col-sm-3::after {
  content: "";
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  border-radius: 0 8px 8px 0 !important;
  background: var(--gray-99, #f2f2f2);
  position: absolute !important;
  left: 0 !important;
  transition: all 300ms;
}
.ez-news .row:hover .col-sm-3::after {
  background: var(--primary-30, #007a6b) !important;
}
.ez-news .row .col-sm-9 {
  padding: 0 !important;
  align-items: start;
  justify-content: center;
  display: flex;
  gap: 8px !important;
  flex-direction: column !important;
}
.ez-news .ezIcon {
  --icon: 48px;
  --icon-color: var(--primary-30, #007a6b);
  z-index: 10 !important;
}
.ez-menu-item .adminbuttons {
  border-radius: 8px !important;
  transition: all 300ms !important;
}
.ez-menu-item .adminbuttons:hover {
  box-shadow: 0 4px 12px 0 rgba(29, 29, 29, 0.08) !important;
}

/* -------------------------------------------------------------------------- */

/*                               ROOT Variables                               */

/* -------------------------------------------------------------------------- */

:root {
  /* colors */
  /* main color Fades */
  --primary-00: #00312b;
  --primary-10: #004940;
  --primary-20: #006156;
  --primary-30: #007a6b;
  --primary-40: #008a7a;
  --primary-50: #00a28f;
  --primary-60: #26b0a0;
  --primary-70: #4cbeb1;
  --primary-80: #73ccc1;
  --primary-90: #a6ded8;
  --primary-95: #ccece9;
  --primary-99: #e5f6f4;
  --primary-100: #f5fbfb;
  --mc1: #00a28f;
  --secondary-00: #070f39;
  --secondary-10: #0b1655;
  --secondary-20: #0f1d71;
  --secondary-30: #13258e;
  --secondary-40: #152aa1;
  --secondary-50: #1931bd;
  --secondary-60: #3b50c7;
  --secondary-70: #5e6fd1;
  --secondary-80: #808edb;
  --secondary-90: #aeb7e8;
  --secondary-95: #d1d6f2;
  --secondary-99: #e8eaf8;
  --secondary-100: #f8f9fd;
  --mc2: #1931bd;
  /* black to white colors */
  --Gray-00: #121212;
  --Gray-10: #2b2b2b;
  --Gray-20: #3d3d3d;
  --Gray-30: #4f4f4f;
  --Gray-40: #626262;
  --Gray-50: #7a7a7a;
  --Gray-60: #959595;
  --Gray-70: #a8a8a8;
  --Gray-80: #bdbdbd;
  --Gray-90: #d1d1d1;
  --Gray-95: #e4e4e4;
  --Gray-99: #f2f2f2;
  --Gray-100: #ffffff;
  --white: var(--Gray-100);
  --black: var(--Gray-00);
  --success-00: #4e8335;
  --success-10: #82ba65;
  --success-20: #9cd67e;
  --success-30: #b7f397;
  --error-00: #d95409;
  --error-10: #ff630b;
  --error-20: #ff823c;
  /* legacy variables */
  --tc1: var(--primary-20);
  --tc2: var(--primary-40);
  --tc3: var(--secondary-10);

  --fancybox-accent-color: var(--mc1);
  /* Border Radius */
  --border-radius-xl: 1.5rem;
  --border-radius-lg: 1rem;
  --border-radius: 0.75rem;
  --border-radius-sm: 0.5rem;
  /* button radius */
  /* animate css library delay factor */
  --animate-delay: 1s;
  /* Box Shadows */
  --box-shadow-1: 0px 6px 16px 0px #0e13281a;
  --box-shadow-2: 0px 6px 16px 0px #0e13281a;
  /* Gap */
  --gap: 0.5rem;
  /* Font Sizes */
  --fz-h1: 46px;
  --fz-h2: 40px;
  --fz-h3: 32px;
  --fz-h4: 26px;
  --fz-h5: 22px;
  --fz-h6: 18px;
  --fz-t1: 20px;
  --fz-t2: 18px;
  --fz-t3: 16px;
  --fz-t4: 14px;
  --fz-t5: 12px;
  --fz-b1: 18px;
  --fz-b2: 16px;
  --fz-b3: 14px;
  --fz-b4: 12px;
  --fz-b5: 10px;
  /* Font Weight */
  --fw-800: 800;
  --fw-700: 700;
  --fw-600: 600;
  --fw-500: 500;
  --fw-400: 400;
  --fw-300: 300;
  /* Line Heights */
  --lh-h1: 72px;
  --lh-h2: 64px;
  --lh-h3: 56px;
  --lh-h4: 48px;
  --lh-h5: 40px;
  --lh-h6: 32px;
  --lh-t1: 40px;
  --lh-t2: 34px;
  --lh-t3: 32px;
  --lh-t4: 28px;
  --lh-t5: 24px;
  --lh-b1: 32px;
  --lh-b2: 30px;
  --lh-b3: 28px;
  --lh-b4: 24px;
  --lh-b5: 22px;
  /* WB Icon size*/
  --icon: 1.5rem;
  --icon-color: var(--mc1);
  /* White Spaces */
  --main-space: 80px;
  --title-space: 2rem;
  --bottom-space: 3rem;
  /* transition */
  --transition: 0.3s;
  --fade-distance: 2rem;
  scroll-behavior: smooth;
  scroll-padding-block-start: calc(var(--main-space) * 2);
  scrollbar-gutter: stable;
  font-weight: var(--fw-400);
}

body:not(.rtl) {
  --fz-b2: 14px !important;
  --fz-t5: 14px !important;
}

body {
  --direction-num: 1;
}

@supports (-webkit-touch-callout: none) {
  input {
    font-size: 16px !important;
  }
}

:root:has(body.hideScroll) {
  overflow: hidden;
}

/* bootstrap modals */

.modal {
  --bs-modal-bg: var(--white);
  --bs-modal-border-color: transparent;
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: var(--border-radius);
  --bs-modal-box-shadow: var(--box-shadow-1);
  ----bs-modal-padding: 1.5rem 1rem;
}

.modal-backdrop {
  opacity: 1;
  --bs-backdrop-bg: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(0px);
  --bs-backdrop-opacity: 1;
}

.modal-backdrop.show {
  opacity: 1;
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

/* animations */

body:not(.personabar-visible).js-active .fadefrom_Start,
body:not(.personabar-visible).js-active .container_Title,
body:not(.personabar-visible).js-active
  .ez_Container_Animated
  *:is(
    h1,
    h2,
    h3,
    p,
    td span:not(.ezIcon),
    ol > li,
    ul:not(.slick-dots, .ui-tabs-nav) > li
  ) {
  opacity: 0;
  transform: translateX(calc(var(--fade-distance) * -1 * var(--direction-num)));
  transition: var(--transition), transform 0.6s !important;
}

body:not(.personabar-visible).js-active .fadefrom_End {
  opacity: 0;
  transform: translateX(calc(var(--fade-distance) * 1 * var(--direction-num)));
  transition: var(--transition), transform 0.6s !important;
}

body:not(.personabar-visible).js-active .fadefrom_Bottom {
  opacity: 0;
  transform: translateY(var(--fade-distance));
  transition: var(--transition), transform 0.6s !important;
}

body:not(.personabar-visible).js-active :is(.fadefrom_Top, .job__Form_Wrapper) {
  opacity: 0;
  transform: translateY(calc(var(--fade-distance) * -1));
  transition: var(--transition), transform 0.6s !important;
}

@media (min-width: 992px) {
  body:not(.personabar-visible).js-active .fadefrom_Start_Lg {
    opacity: 0;
    transform: translateX(
      calc(var(--fade-distance) * -1 * var(--direction-num))
    );
    transition: var(--transition), transform 0.6s !important;
  }
  body:not(.personabar-visible).js-active .fadefrom_End_Lg {
    opacity: 0;
    transform: translateX(
      calc(var(--fade-distance) * 1 * var(--direction-num))
    );
    transition: var(--transition), transform 0.6s !important;
  }
  body:not(.personabar-visible).js-active .fadefrom_Bottom_Lg {
    opacity: 0;
    transform: translateY(calc(var(--fade-distance)));
    transition: var(--transition), transform 0.6s !important;
  }
  body:not(.personabar-visible).js-active .fadefrom_Top_Lg {
    opacity: 0;
    transform: translateY(calc(var(--fade-distance) * -1));
    transition: var(--transition), transform 0.6s !important;
  }
}

/* ?------------------------------- Responsive ------------------------------- */

@media (max-width: 992px) {
  :root {
    --main-space: 3rem;
    --title-space: 1.5rem;
  }
}

body.dnnEditState #Form {
  height: 100%;
}

html::-webkit-scrollbar-thumb {
  border-radius: 0;
}

.Normal,
.NormalDisabled,
.NormalDeleted {
  color: unset;
  font-size: unset;
  font-weight: unset;
  line-height: unset;
  word-wrap: unset;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

body .iframe_Outer {
  position: relative;
  height: fit-content;
  overflow: hidden;
}

body .iframe_Outer::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 300%;
  background-color: rgba(255, 255, 255, 0.5);
  mask-image: linear-gradient (0deg, transparent, black, transparent);
  -webkit-mask-image: -webkit-linear-gradient(
    0deg,
    black 40%,
    transparent,
    black 60%
  );
  animation: loading-slide 1s infinite ease-in-out;
  z-index: 2;
  opacity: 1;
  visibility: visible;
  transition: var(--transition);
}

body .iframe_Outer:has(.loaded)::after {
  opacity: 0;
  visibility: hidden;
}

@keyframes loading-slide {
  from {
    transform: translate(0);
  }
  to {
    transform: translate(66%);
  }
}

/* font family */


body.rtl {
  --direction-num: -1;
}

.fancybox__content {
  border-radius: var(--border-radius);
  overflow: hidden;
}

::-moz-selection {
  background: var(--mc1);
  color: var(--white);
}

::selection {
  background: var(--mc1);
  color: var(--white);
}

.m-hight-none {
  min-height: 0;
}

.pad-none {
  padding-right: 0;
  padding-left: 0;
}

html {
  font-size: 100%;
}

a:focus {
  outline: none;
}

a,
a:hover,
a:visited,
a:focus {
  text-decoration: none;
  color: inherit;
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin: 0;
}

ul,
ol {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 0;
}

/* *------------------------------- Bread Crumb Start ------------------------------- */

.inner__Bread__Crumb {
  margin-bottom: calc(1.3 * var(--title-space));
  color: var(--tc1);
  font-size: var(--fz-sm);
  font-weight: var(--fw-400);
}

.inner__Bread__Crumb .bread_Dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin-inline: 0.5rem;
  vertical-align: middle;
  background-color: var(--mc1);
  border-radius: 100%;
}

.inner__Bread__Crumb span[itemprop="itemListElement"]:last-child a {
  color: var(--mc1);
}

/* !------------------------------- Bread Crumb End --------------------------------- */

body {
  padding: 0;
  line-height: 24px;
  overflow-x: hidden;
  font-size: 0.875rem;
  background-color: var(--white);
}

body.rtl {
  direction: rtl;
  text-align: right;
}

p {
  margin: 0;
}

li {
  list-style: none;
  list-style-position: inside;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-left: 0;
}

li p {
  line-height: inherit;
}

img[alt="edit"] {
  width: auto !important;
  margin: 0 !important;
  display: inline !important;
}

#wrap {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden;
}

.main-content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

main:not(.loginMain) {
  min-height: calc(100vh - 300px);
  position: relative;
}

/* exclusions for page top Padding */
body #wrap {
  padding-top: var(--header-height);
}

body #wrap:not(.home_Wrapper) {
  padding-top: calc(var(--header-height) + 0px) !important;
  /* background: #f9f9f9 !important; */
}

body.personabar-visible #wrap {
  padding-top: 4rem !important;
}

#EzProfile-panel {
  padding-bottom: 6rem;
}

.dnnModuleDialog,
.DnnModule.floating {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

@media (max-width: 991px) {
  main:not(.loginMain) {
    min-height: fit-content;
  }

  body #wrap:not(.home_Wrapper) {
    padding-top: calc(var(--header-height) + 2rem) !important;
  }
}

/*Repier Magement Menu*/

.subNav.advanced dl {
  width: 600px !important;
}

.subNav.advanced {
  width: 695px !important;
}

img {
  border: 0 none;
  height: auto;
}

img,
object,
embed {
  max-width: 100%;
}

.hephaistos .tp-bullet:hover,
.hephaistos .tp-bullet.selected {
  border-color: var(--main-text-color);
}

.wb-carousel {
  background-color: var(--white);
  padding: 16px 15px;
}

/* ?------------------------------- Responsive ------------------------------- */

@media (min-width: 1200px) {
  .container,
  .container-lg {
    max-width: 1320px !important;
  }
}

/* -------------------------------------------------------------------------- */

/*                                 Components                                 */

/* -------------------------------------------------------------------------- */

/* ------ Font Size start------ */

.typo-h1 {
  font-size: var(--fz-h1);
  font-weight: var(--fw-700);
  line-height: var(--lh-h1);
}

.typo-h2 {
  font-size: var(--fz-h2);
  font-weight: var(--fw-700);
  line-height: var(--lh-h2);
}

.typo-h3 {
  font-size: var(--fz-h3);
  font-weight: var(--fw-700);
  line-height: var(--lh-h3);
}

.typo-h4 {
  font-size: var(--fz-h4);
  font-weight: var(--fw-700);
  line-height: var(--lh-h4);
}

.typo-h5 {
  font-size: var(--fz-h5);
  font-weight: var(--fw-700);
  line-height: var(--lh-h5);
}

.typo-h6 {
  font-size: var(--fz-h6);
  font-weight: var(--fw-700);
  line-height: var(--lh-h6);
}

.typo-t1 {
  font-size: var(--fz-t1);
  font-weight: var(--fw-500);
  line-height: var(--lh-t1);
}

.typo-t2 {
  font-size: var(--fz-t2);
  font-weight: var(--fw-500);
  line-height: var(--lh-t2);
}

.typo-t3 {
  font-size: var(--fz-t3);
  font-weight: var(--fw-500);
  line-height: var(--lh-t3);
}

.typo-t4 {
  font-size: var(--fz-t4);
  font-weight: var(--fw-500);
  line-height: var(--lh-t4);
}

.typo-t5 {
  font-size: var(--fz-t5);
  font-weight: var(--fw-500);
  line-height: var(--lh-t5);
}

.typo-t6 {
  font-size: var(--fz-t6);
  font-weight: var(--fw-500);
  line-height: var(--lh-t6);
}

.typo-t7 {
  font-size: var(--fz-t7);
  font-weight: var(--fw-500);
  line-height: var(--lh-t7);
}

.typo-b1 {
  font-size: var(--fz-b1);
  font-weight: var(--fw-400);
  line-height: var(--lh-b1);
}

.typo-b2 {
  font-size: var(--fz-b2);
  font-weight: var(--fw-400);
  line-height: var(--lh-b2);
}

.typo-b3 {
  font-size: var(--fz-b3);
  font-weight: var(--fw-400);
  line-height: var(--lh-b3);
}

.typo-b4 {
  font-size: var(--fz-b4);
  font-weight: var(--fw-400);
  line-height: var(--lh-b4);
}

.typo-b5 {
  font-size: var(--fz-b5);
  font-weight: var(--fw-400);
  line-height: var(--lh-b5);
}

/* responsive fonts */

@media (min-width: 992px) {
  .typo-lg-h1 {
    font-size: var(--fz-h1);
    font-weight: var(--fw-700);
    line-height: var(--lh-h1);
  }
  .typo-lg-h2 {
    font-size: var(--fz-h2);
    font-weight: var(--fw-700);
    line-height: var(--lh-h2);
  }
  .typo-lg-h3 {
    font-size: var(--fz-h3);
    font-weight: var(--fw-700);
    line-height: var(--lh-h3);
  }
  .typo-lg-h4 {
    font-size: var(--fz-h4);
    font-weight: var(--fw-700);
    line-height: var(--lh-h4);
  }
  .typo-lg-h5 {
    font-size: var(--fz-h5);
    font-weight: var(--fw-700);
    line-height: var(--lh-h5);
  }
  .typo-lg-h6 {
    font-size: var(--fz-h6);
    font-weight: var(--fw-700);
    line-height: var(--lh-h6);
  }
  .typo-lg-t1 {
    font-size: var(--fz-t1);
    font-weight: var(--fw-500);
    line-height: var(--lh-t1);
  }
  .typo-lg-t2 {
    font-size: var(--fz-t2);
    font-weight: var(--fw-500);
    line-height: var(--lh-t2);
  }
  .typo-lg-t3 {
    font-size: var(--fz-t3);
    font-weight: var(--fw-500);
    line-height: var(--lh-t3);
  }
  .typo-lg-t4 {
    font-size: var(--fz-t4);
    font-weight: var(--fw-500);
    line-height: var(--lh-t4);
  }
  .typo-lg-t5 {
    font-size: var(--fz-t5);
    font-weight: var(--fw-500);
    line-height: var(--lh-t5);
  }
  .typo-lg-t6 {
    font-size: var(--fz-t6);
    font-weight: var(--fw-500);
    line-height: var(--lh-t6);
  }
  .typo-lg-t7 {
    font-size: var(--fz-t7);
    font-weight: var(--fw-500);
    line-height: var(--lh-t7);
  }
  .typo-lg-b1 {
    font-size: var(--fz-b1);
    font-weight: var(--fw-400);
    line-height: var(--lh-b1);
  }
  .typo-lg-b2 {
    font-size: var(--fz-b2);
    font-weight: var(--fw-400);
    line-height: var(--lh-b2);
  }
  .typo-lg-b3 {
    font-size: var(--fz-b3);
    font-weight: var(--fw-400);
    line-height: var(--lh-b3);
  }
  .typo-lg-b4 {
    font-size: var(--fz-b4);
    font-weight: var(--fw-400);
    line-height: var(--lh-b4);
  }
  .typo-lg-b5 {
    font-size: var(--fz-b5);
    font-weight: var(--fw-400);
    line-height: var(--lh-b5);
  }
}

.paragraph__Lh {
  line-height: 2rem;
}

.text-justify {
  text-align: justify;
}

@media (min-width: 992px) {
  .text-lg-justify {
    text-align: justify !important;
  }
}

.lh-2 {
  line-height: 2rem;
}

/* ------ Font Size end------ */

/* ------ Text Color ------ */

.tc1 {
  color: var(--tc1) !important;
  --icon-color: var(--tc1);
}

.tc2 {
  color: var(--tc2) !important;
  --icon-color: var(--tc2);
}

.tc3 {
  color: var(--tc3) !important;
  --icon-color: var(--tc3);
}

.tcg-00 {
  color: var(--Gray-00) !important;
  --icon-color: var(--Gray-00);
}

.tcg-10 {
  color: var(--Gray-10) !important;
  --icon-color: var(--Gray-10);
}

.tcg-20 {
  color: var(--Gray-20) !important;
  --icon-color: var(--Gray-20);
}

.tcg-30 {
  color: var(--Gray-30) !important;
  --icon-color: var(--Gray-30);
}

.tcg-40 {
  color: var(--Gray-40) !important;
  --icon-color: var(--Gray-40);
}

.tcg-50 {
  color: var(--Gray-50) !important;
  --icon-color: var(--Gray-50);
}

.tcg-60 {
  color: var(--Gray-60) !important;
  --icon-color: var(--Gray-60);
}

.tcg-70 {
  color: var(--Gray-70) !important;
  --icon-color: var(--Gray-70);
}

.tcg-80 {
  color: var(--Gray-80) !important;
  --icon-color: var(--Gray-80);
}

.tcg-90 {
  color: var(--Gray-90) !important;
  --icon-color: var(--Gray-90);
}

.tcg-95 {
  color: var(--Gray-95) !important;
  --icon-color: var(--Gray-95);
}

.tcg-99 {
  color: var(--Gray-99) !important;
  --icon-color: var(--Gray-99);
}

.tcm {
  color: var(--mc1) !important;
  --icon-color: var(--mc1);
}

.tcm-10 {
  color: var(--primary-10) !important;
  --icon-color: var(--primary-10);
}

.tcm-20 {
  color: var(--primary-20) !important;
  --icon-color: var(--primary-20);
}

.tcm-30 {
  color: var(--primary-30) !important;
  --icon-color: var(--primary-30);
}

.tcm2 {
  color: var(--mc2) !important;
  --icon-color: var(--mc2);
}

.tgm {
  background: var(--mc1) !important;
}

.tgm2 {
  background: var(--mc2) !important;
}

.tcw {
  color: var(--white) !important;
  --icon-color: var(--white);
}

.hcw {
  transition: color var(--transition);
}

.hcw:hover,
.hcw:focus,
.hcw:visited {
  color: var(--white) !important;
  --icon-color: var(--white);
}

.hcm {
  transition: color var(--transition);
}

.hcm:visited {
  color: inherit !important;
}

.hcm:hover,
.hcm:focus {
  color: var(--mc1) !important;
  --icon-color: var(--mc1);
}

.hbcw {
  transition: background-color var(--transition);
}

.hbcw:hover,
.hbcw:focus {
  background-color: #fff !important;
}

.hbcm {
  transition: background-color var(--transition);
}

.hbcm:visited {
  background-color: inherit !important;
}

.hbcm:hover,
.hbcm:focus {
  background-color: var(--mc1) !important;
}

/* ------ Font Weight ------ */

.fw-300 {
  font-weight: var(--fw-300);
}

.fw-400 {
  font-weight: var(--fw-400);
}

.fw-600 {
  font-weight: var(--fw-600);
}

.fw-700 {
  font-weight: var(--fw-700);
}

.fw-800 {
  font-weight: var(--fw-800);
}

/* -------- Max Lines ------- */

.line-limit {
  display: -webkit-box;
  max-width: 100%;
  -webkit-line-clamp: var(--line-limit, 1);
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ------ Button Style ------ */

.ez_Btn,
.ez_Btn:visited,
body:not(.personabar-visible) .LiveForm.Default input[type="submit"],
body:not(.personabar-visible) .LiveForm.Default input[type="button"],
body:is(.personabar-visible) a[title="Click to edit"] {
  --btn-accent: var(--white);
  --btn-bak: var(--mc1);
  --btn-accent-hover: var(--white);
  --btn-bak-hover: var(--primary-30);
  --btn-accent-focus: var(--white);
  --btn-bak-focus: var(--primary-20);
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: var(--Gray-90);
  --btn-border: 1px solid var(--primary-20);
  --btn-border-hover: 1px solid var(--primary-60);
  --btn-border-focused: 1px solid var(--primary-70);
  --btn-border-disabled: 1px solid var(--Gray-90);
  --after-border: var(--primary-00);
  background-color: var(--btn-bak) !important;
  background: var(--btn-bak);
  color: var(--btn-accent) !important;
  --icon-color: var(--btn-accent);
  --icon: 1.5rem;
  padding: 0.5rem 2rem;
  border-radius: 8px;
  transition: var(--transition);
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  column-gap: 0.5rem;
  outline: none;
  border: solid 1px var(--btn-border, transparent);
  position: relative;
  cursor: pointer;
}

@media (max-width: 991px) {
  .ez_Btn {
    padding-inline: 12px;
  }
}

.ez_Btn .ezIcon {
  transform: rotateY(180deg) !important;
}

.ez_Btn:hover .ezIcon {
  transform: rotateY(180deg) translateX(-4px) !important;
}

.ez_Btn.outline {
  --btn-accent: var(--primary-60);
  --btn-bak: transparent;
  --btn-accent-hover: var(--primary-30);
  --btn-bak-hover: var(--primary-90);
  --btn-accent-focus: var(--primary-60);
  --btn-bak-focus: var(--white);
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: var(--white);
  --btn-shadow: 0px 0px 0px transparent;
  --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
  --btn-border: var(--primary-50);
  --btn-border-hover: transparent;
  --btn-border-focused: var(--primary-50);
  --btn-border-disabled: var(--Gray-60);
}

.ez_Btn.text {
  --btn-accent: var(--primary-40);
  --btn-bak: transparent;
  --btn-accent-hover: var(--primary-60);
  --btn-bak-hover: var(--primary-95);
  --btn-accent-focus: var(--primary-70);
  --btn-bak-focus: transparent;
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: transparent;
  --btn-shadow: none;
  --btn-shadow-hover: none;
  --btn-border: transparent;
  --btn-border-hover: transparent;
  --btn-border-focused: transparent;
  --btn-border-disabled: transparent;
}

.ez_Btn.secondary {
  --btn-accent: var(--white);
  --btn-bak: var(--secondary-50);
  --btn-accent-hover: var(--white);
  --btn-bak-hover: var(--mc3);
  --btn-accent-focus: var(--white);
  --btn-bak-focus: var(--secondary-60);
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: var(--Gray-90);
  --btn-shadow: 0px 0px 0px transparent;
  --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
  --btn-border: transparent;
  --btn-border-hover: transparent;
  --btn-border-focused: transparent;
  --btn-border-disabled: transparent;
  --after-border: var(--secondary-10);
}

.ez_Btn.secondary.outline {
  --btn-accent: var(--white);
  --btn-bak: transparent;
  --btn-accent-hover: var(--mc3) !important;
  --btn-bak-hover: transparent !important;
  --btn-accent-focus: var(--secondary-50);
  --btn-bak-focus: var(--white);
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: var(--white);
  --btn-shadow: 0px 0px 0px transparent;
  --btn-shadow-hover: 0px 4px 8px 0px #02091a1a;
  --btn-border: var(--white);
  --btn-border-hover: var(--secondary-70);
  --btn-border-focused: var(--secondary-50);
  --btn-border-disabled: var(--Gray-60);
}

.ez_Btn.secondary.text {
  --btn-accent: var(--secondary-50);
  --btn-bak: transparent;
  --btn-accent-hover: var(--secondary-50);
  --btn-bak-hover: var(--secondary-99);
  --btn-accent-focus: var(--secondary-50);
  --btn-bak-focus: transparent;
  --btn-accent-disabled: var(--Gray-60);
  --btn-bak-disabled: transparent;
  --btn-shadow: none;
  --btn-shadow-hover: none;
  --btn-border: transparent;
  --btn-border-hover: transparent;
  --btn-border-focused: transparent;
  --btn-border-disabled: transparent;
}

.ez_Btn::before {
  position: absolute;
  content: "";
  display: block;
  width: calc(100% + var(--btn-offset, 0px));
  height: calc(100% + var(--btn-offset, 0px));
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid var(--btn-bak) 1px;
  border-radius: 8px;
  transition: calc(var(--transition) / 2);
}

.ez_Btn:hover,
body:not(.personabar-visible) .LiveForm.Default input[type="submit"]:hover,
body:not(.personabar-visible) .LiveForm.Default input[type="button"]:hover {
  --btn-accent: var(--btn-accent-hover);
  --btn-bak: var(--btn-bak-hover);
  --btn-border: var(--btn-border-hover);
}

.ez_Btn:not(:is(:disabled, .disable)):active,
body:not(.personabar-visible)
  .LiveForm.Default
  input[type="submit"]:not(:is(:disabled, .disable)):active,
body:not(.personabar-visible)
  .LiveForm.Default
  input[type="button"]:not(:is(:disabled, .disable)):active,
body:is(.personabar-visible)
  a[title="Click to edit"]:not(:is(:disabled, .disable)):active {
  --btn-offset: 0.5rem;
  --btn-accent: var(--btn-accent-focus);
  --btn-bak: var(--btn-bak-focus);
  --btn-border: var(--btn-border-focus);
}

.ez_Btn:is(:disabled, .disable),
body:not(.personabar-visible)
  .LiveForm.Default
  input[type="submit"]:is(:disabled, .disable),
body:not(.personabar-visible)
  .LiveForm.Default
  input[type="button"]:is(:disabled, .disable) {
  --btn-accent: var(--btn-accent-disabled);
  --btn-bak: var(--btn-bak-disabled);
  --btn-border: var(--btn-border-disabled);
  cursor: default;
}

body.rtl .ez_Btn .ezIcon {
  --icon-rotate: 180deg;
}

/* ------ Icon Style ------ */

.ezIcon,
body:is(.personabar-visible) a[title="Click to edit"]::after,
.ez__Menu_Wrapper .menu-main li.menu-have-submenu > .header__Menu_Item::after,
.headerSideNav_Side .menu-main li a::before,
.searchSkinObjectPreview li[data-url] > span::after,
.searchSkinObjectPreview > li .searchSkinObjectPreview_more::after,
.nice-select:after,
.ez_Menu_Wrapper .menu-main li.menu-have-submenu > .header_Menu_Item::after {
  height: var(--icon);
  width: var(--icon);
  min-width: var(--icon);
  min-height: var(--icon);
  display: inline-flex;
  vertical-align: middle;
  background: var(--icon-color);
  mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
  -webkit-mask: var(--icon-url) no-repeat center / var(--icon-inner, cover);
  margin-inline-start: var(--icon-ms, 0);
  margin-inline-end: var(--icon-me, 0);
  margin-block: var(--icon-mt, 0) var(--icon-mb, 0);
  transition: all var(--transition);
  -webkit-transition: all var(--transition);
  rotate: calc(var(--icon-rotate, 0deg) * var(--direction-num, 1));
  transform: var(--icon-transform, none);
}

.main_Space {
  margin-bottom: var(--main-space) !important;
}

.title_Space {
  margin-bottom: var(--title-space) !important;
}

.flex-1 {
  flex: 1;
}

@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
}

.bottom_Space {
  margin-top: var(--bottom-space);
}

/* ------ Gap ------ */

.col-gap-1 {
  column-gap: calc(var(--gap) * 0.5);
}

.col-gap-2 {
  column-gap: calc(var(--gap) * 1);
}

.col-gap-3 {
  column-gap: calc(var(--gap) * 2);
}

.col-gap-4 {
  column-gap: calc(var(--gap) * 3);
}

.row-gap-1 {
  row-gap: calc(var(--gap) * 0.5);
}

.row-gap-2 {
  row-gap: calc(var(--gap) * 1);
}

.row-gap-3 {
  row-gap: calc(var(--gap) * 2);
}

.row-gap-4 {
  row-gap: calc(var(--gap) * 3);
}